.mycertificate{
    width:100%;

    .cen{
        width:100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cmain{
        width:100%;
        background: #ffffff;
        padding:0 20px 40px 20px;
        h1{
            font-size: 20px;
            margin:0;
            font-weight: 600;
            color: #000000;
            line-height: 68px;
        }

        .cname{
            width:100%;
            display: flex;
            align-items: center;

            p{
                font-size: 12px;
                max-width: 250px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-weight: 400;
                color: #888888;
                line-height: 17px;
                margin:0;
            }

            .cload{
                display: flex;
                align-items: center;
                justify-content: center;
                margin-left:50px;
                margin-right:15px;
                cursor: pointer;
                position: relative;
                .load{
                        width:100%;
                        height:100%;
                        top:0;
                        left:0;
                        position: absolute;
                        opacity: 0;
                        cursor: pointer;
                    }
                img{
                    width:20px;
                    height:20px;
                    margin-right:10px;
                }

                h4{
                    font-size: 12px;
                    margin:0;
                    font-weight: 400;
                    color: rgba(27, 186, 132, 1);
                    line-height: 17px;
                }
            }
        }

        .none{
            width:100%;
            padding-top:50px;
            padding-bottom: 50px;
            .nimg{
                width:594px;
                height:492px;
                
            }

            p{
                font-size: 18px;
                
                font-weight: 400;
                color: rgba(0, 0, 0, 0.85);
                line-height: 25px;
                margin:-100px 0 0 0; 
                width:100%;
                text-align: center;

            }
        }

        table{
            width:100%;

            th{
                height: 40px;
                background: rgba(27, 186, 132, 1); 
                line-height: 40px;
                font-size: 16px;
                font-weight: 400;
                color: #FFFFFF;
                text-align: center;
            }

            td{
                border: 1px solid #D3E2FF;
                height: 65px;
                background: #FFFFFF;
                text-align: center;
                line-height: 65px;
                font-size: 14px;
                font-weight: 400;
                color: #000000;
            }

            .options{
                display: flex;
                align-items: center;
                justify-content: center;

                .op_img{
                    width:auto;
                    img{
                        width:24px;
                        height:24px;
                        display: block;
                    }
                    p{
                        font-size: 12px;
                        font-weight: 400;
                        color: #595962;
                        line-height: 17px;
                        margin:0;
                    }
                }
                .op_item{
                    width:24px;
                    margin:0 15px;
                    cursor: pointer;
                    img{
                        width:24px;
                        height:24px;
                        display: block;
                    }

                    p{
                        font-size: 12px;
                        font-weight: 400;
                        color: #595962;
                        line-height: 17px;
                        margin:0;
                    }
                }
            }
        }
    }

    .printBox{
        width: 596px;
        
        img{
            width:100%;
        }
    }

    .ppp{
        width:1px;
        height:1px;
        overflow: auto;
        opacity: 0;
    }

    .alert{
        width:100%;
        height:100%;
        z-index: 1200;
        position: fixed;
        top:0;
        left:0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.6);

        .abox{
            width: 596px;
            height:auto;
            .img{
                width:100%;
                display: block;
            }

            .icon{
                width:36px;
                height:36px;
                margin-top:20px;
                cursor: pointer;
            }
        }
    }
}